<style lang="scss" scoped>
.order-index {
	min-height: 100vh;
	background-color: #F4F4F4;
}

.order-item:first-of-type {
	margin-top: 30rpx;
}

.order-item {
	margin-bottom: 28rpx;
}

</style>

<template>
<view class="order-index">

	<nav-bar
		title="我的订单"
		fixed
		cover
		:back="false"
		@on-back="$navigateBack()"
	></nav-bar>

	<order-item
		@click="$navigateTo({url: '/pages/order/show/index'})"
		class="order-item block"
		studiosName="UME影城"
		address="重庆三峡广场店"
		thumb="http://test.freeterna.com:8080/test/images/movie/1.jpg"
		name="战斗天使阿丽塔"
		number="2"
		time="2019年11月11日 12:00:00"
		room="1号厅"
		seat="E排9号&nbsp;&nbsp;E排10号"
		totalPrice="25"
	></order-item>

	<order-item
		@click="$navigateTo({url: '/pages/order/show/index'})"
		class="order-item block"
		studiosName="UME影城"
		address="重庆三峡广场店"
		thumb="http://test.freeterna.com:8080/test/images/movie/1.jpg"
		name="战斗天使阿丽塔"
		number="2"
		time="2019年11月11日 12:00:00"
		room="1号厅"
		seat="E排9号&nbsp;&nbsp;E排10号"
		totalPrice="25"
	></order-item>

</view>
</template>

<script>
import OrderItem from "./order-item";

export default {
	
	components: {
		OrderItem,
	},

}
</script>
